<!-- 音乐>榜单 -->
<div class="music-top-list">
    <div class="topNav">
        <img src="../assets/img/music_hot/mlogo.png">
        <span >全部</span>
        <img src="../assets/img/music_toplist/down.png">
        <p>
            <a href="#" [ngClass]="{active:focus=='最热'}" (click)="changeActive('最热')">最热</a>
            <span>|</span>
            <a href="#" [ngClass]="{active:focus=='最新'}" (click)="changeActive('最新')">最新</a>
        </p>
    </div>
    <div class="album">
        <table>
            <tr>
                <td>
                    <img src="../assets/img/music_toplist/cover1.png">
                    <img class="albumPlay" src="../assets/img/music_toplist/play.png">
                    <div>
                        <p class="album-name">执子之手，与子偕老</p>
                        <p class="album-creater">by 陌咩咩</p>
                    </div>
                </td>
                <td>
                    <img src="../assets/img/music_toplist/cover2.png">
                    <img class="albumPlay" src="../assets/img/music_toplist/play.png">
                    <div>
                        <p class="album-name">跨越国界，感受异域歌声</p>
                        <p class="album-creater">by 欧美老衲肉</p>
                    </div>
                </td>
            </tr>
            <tr>
                <td>
                    <img src="../assets/img/music_toplist/cover3.png">
                    <img class="albumPlay" src="../assets/img/music_toplist/play.png">
                    <div>
                        <p class="album-name">歌予岁月流年，繁华落尽</p>
                        <p class="album-creater">by 温暖的心</p>
                    </div>
                </td>
                <td>
                    <img src="../assets/img/music_toplist/cover4.png">
                    <img class="albumPlay" src="../assets/img/music_toplist/play.png">
                    <div>
                        <p class="album-name">如果失恋有解药</p>
                        <p class="album-creater">by 来日方长</p>
                    </div>
                </td>
            </tr>
            <tr>
                <td>
                    <img src="../assets/img/music_toplist/cover5.png">
                    <img class="albumPlay" src="../assets/img/music_toplist/play.png">
                    <div>
                        <p class="album-name">执子之手，与子偕老</p>
                        <p class="album-creater">by 陌咩咩</p>
                    </div>
                </td>
                <td>
                    <img src="../assets/img/music_toplist/cover6.png">
                    <img class="albumPlay" src="../assets/img/music_toplist/play.png">
                    <div>
                        <p class="album-name">跨越国界，感受异域歌声</p>
                        <p class="album-creater">by 欧美老衲肉</p>
                    </div>
                </td>
            </tr>
        </table>
    </div>
</div>
